<html>
    <head>
        <link rel='stylesheet' type='text/css' href='css/css.css' media='all'>
        <script src="JS/jquery_1_10_1_min.js" type="text/javascript"></script>
        <script src='JS/jquery.watermark.js' type="text/javascript"></script>
        <script src="JS/register_ajax.js" type="text/javascript"></script>
        <script src="JS/watermask.js" type="text/javascript"></script>
        <script src="JS/searchuser_ajax.js" type="text/javascript"></script>
        <script src="JS/Chat-Socket.js" type="text/javascript"></script>
        <script src="JS/Check_Online.js" type="text/javascript"></script>
        <script src="JS/Menu-Tab.js" type="text/javascript"></script>
        <script src="JS/jquery.spritely.js" type="text/javascript"></script>
        <script src="JS/test.js" type="text/javascript"></script>
        <script src="JS/Load_Users.js" type="text/javascript"></script>
        <title><?php if(isset($header_name)) echo $header_name; ?></title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
    </head>
    <body>
            <div id='index-header'> 
<!--            <section id='music1' class='fly-text'>Hi</section>
            <section id='music2' class='fly-text'>Xin chào</section>
            <section id='music3' class='fly-text'>Hello</section> -->
            </div>
        <div id='index-middle'>